import React from 'react';
//1. 导入工具包 prop-types
import PropTypes from 'prop-types';

export default class Stu extends React.Component {

  //2. 类的内部声明静态属性 propTypes 约束 『propTypes名字是固定的』
  static propTypes = {
    //isRequired 必需的
    name: PropTypes.string.isRequired,
    age: PropTypes.number,
    hobby: PropTypes.array
  }

  //为传入的属性设置默认值 default 默认的  props 属性
  static defaultProps = {
    name: '张三'
  }

  render() {
    //输出 props 属性的值
    //获取 props 中的数据
    let {name, age, hobby} = this.props;
    return <div className="slider">
      <p>姓名: {name}</p>
      <p>年龄: {age}</p>
      <p>爱好: {hobby.join('-')}</p>
      <hr  />
    </div>;
  }
}